
<div class="car_body">
    <header class="top navbar  navbar-fixed-top" style="position: fixed;z-index: 99;">
        <img src="styles/img/car/bar_top.png" class="car_top" style="">
        <div class="header_left">车管家后台管理系统</div>
        <span class="header_button"><img src="styles/img/car/bar_back.png" class="header_img"></span>
        <div class="header_right">欢迎您 , Barry !</div>
    </header>
    <div class="hed"></div>
    <div class="car_content" style="background-size: 100%;z-index: -2;">
        <div class="content_middle">

            <div class="content_left">
                <div class="content_leftbut activeC">
                    <img class="log"  src="styles/img/car/car_mycar.png" alt="">
                    <span class="write">我的车辆</span>
                </div>
                <div class="content_leftbut">
                    <img class="log"  src="styles/img/car/car_record.png" alt="">
                    <span class="write">维修记录</span>
                </div>
                <div class="content_leftbut">
                    <img class="log"  src="styles/img/car/car_record.png" alt="">
                    <span class="write">分析统计</span>
                </div>
            </div>

            <div class="car_mycar">
                <div class="content_rightleOneBtnLeft">
                    <img src="styles/img/car/leftbtn.png" alt="">
                </div>
                <div class="content_rightleOneBtnRight">
                    <img src="styles/img/car/rightbtn.png" alt="">
                </div>
                <div class="content_rightleOne" ng-repeat="nub in number" >
                    <div  class="content_lesm" ng-repeat="item in nub">
                        <img src="styles/img/car/bar_car.png" alt="">
                        <span class="car_hide">{{item.id}}</span>
                    </div>


                </div>
                <!--<div class="content_rightleOne">-->

                    <!--<div class="content_lesm">-->
                        <!--<img src="styles/img/car/bar_car.png" alt="">-->
                        <!--<span>陕A123456</span>-->
                    <!--</div>-->
                    <!--<div class="content_lesm">-->
                        <!--<img src="styles/img/car/bar_car.png" alt="">-->
                        <!--<span>陕A123456</span>-->
                    <!--</div>-->
                    <!--<div class="content_lesm">-->
                        <!--<img src="styles/img/car/bar_car.png" alt="">-->
                        <!--<span>陕A123456</span>-->
                    <!--</div>-->
                    <!--<div class="content_lesm">-->
                        <!--<img src="styles/img/car/bar_car.png" alt="">-->
                        <!--<span>陕A123456</span>-->
                    <!--</div>-->
                    <!--<div class="content_lesm">-->
                        <!--<img src="styles/img/car/bar_car.png" alt="">-->
                        <!--<span>陕A123456</span>-->
                    <!--</div>-->

                <!--</div>-->
            </div>
            <div class="content_rightOne clearfix" style="opacity: 1;">
                <div class="content_rightleTwo clearfix">
                    <div class="content_Tle scrollbar-hover">
                        <div class="content_lesm">
                            <img src="styles/img/car/bar_car.png" alt="" >
                            <span>陕A123456</span>
                        </div>
                        <div class="content_lesm">
                            <img src="styles/img/car/bar_car.png" alt="">
                            <span>陕A123456</span>
                        </div>
                        <div class="content_lesm">
                            <img src="styles/img/car/bar_car.png" alt="">
                            <span>陕A123456</span>
                        </div>
                        <div class="content_lesm">
                            <img src="styles/img/car/bar_car.png" alt="">
                            <span>陕A123456</span>
                        </div>
                        <div class="content_lesm">
                            <img src="styles/img/car/bar_car.png" alt="">
                            <span>陕A123456</span>
                        </div>
                    </div>
                    <div class="content_rightRi">
                        <table class="content_rightRitable" >
                            <tbody style="position: relative;">
                            <img src="styles/img/car/jiao.png" alt="" class="jiao1 jiao" data-toggle="modal" data-target="#repair_pic">
                            <img src="styles/img/car/jiao.png" alt="" class="jiao2 jiao">
                            <img src="styles/img/car/jiao.png" alt="" class="jiao3 jiao">
                            <img src="styles/img/car/jiao.png" alt="" class="jiao4 jiao">
                            <tr id="table_a">
                                <td style="height: 50px;position: relative;">维修时间</td>
                                <td style="height: 50px;">维修地点</td>
                                <td style="height: 50px;">维修费用</td>
                                <td style="height: 50px;">维修人员</td>
                                <td style="height: 50px;">维修图片</td>
                            </tr>
                            <tr class="table_b">
                                <td>2018/03/16</td>
                                <td>西安</td>
                                <td>10000元</td>
                                <td>韩昱</td>
                                <td class="table_imgBox">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                </td>
                            </tr>
                            <tr class="table_b">
                                <td>2018/03/16</td>
                                <td>西安</td>
                                <td>10000元</td>
                                <td>韩昱</td>
                                <td class="table_imgBox">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                </td>
                            </tr class="table_b">
                            <tr class="table_b" >
                                <td>2018/03/16</td>
                                <td>西安</td>
                                <td>10000元</td>
                                <td>韩昱</td>
                                <td class="table_imgBox">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img"  data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img"  data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img"  data-toggle="modal" data-target="#repair_pic">
                                </td>
                            </tr>
                            <tr class="table_b" >
                                <td>2018/03/16</td>
                                <td>西安</td>
                                <td>10000元</td>
                                <td>韩昱</td>
                                <td class="table_imgBox">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                </td>
                            </tr>
                            <tr class="table_b">
                                <td>2018/03/16</td>
                                <td>西安</td>
                                <td>10000元</td>
                                <td>韩昱</td>
                                <td class="table_imgBox">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                    <img src="styles/img/car/car_photo.png" alt="" class="table_img" data-toggle="modal" data-target="#repair_pic">
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="addRecoad" data-toggle="modal" data-target="#Myrepair">添加维修记录</div>
            </div>
            <img src="styles/img/car/car_element.png" alt="" class="shanShuo">
        </div>
    </div>
    <div class="fot"></div>
    <footer style="width: 100%; height:100px;position: fixed;  bottom:0;left: 0;z-index: 0;" id="car_footer">
        <img src="styles/img/car/bar_bottom.png"  class="car_botImg">
        <div class="car_addBox" data-toggle="modal" data-target="#myModal">添加车辆</div>
        <div class="footCener">
            <div class="car_botCen1" alt="">车管家 | &nbsp;一站式车辆管理平台</div>
            <img src="styles/img/car/car_bottomCircle.png" alt="" class="car_botCen2">
        </div>
    </footer>
    <!-- ..................... 模态框开始-->
    <!-- 添加车辆开始 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog add_address" id="address" >
            <div class="addhead">
                <!--<img src="styles/img/car/font.png" class="add_font" alt="">-->
                <img src="styles/img/car/addcar_close.png" class="closeBtn" alt="" data-dismiss="modal">
            </div>
            <div class="addcontent">
                <div class="addcar">
                    <img src="styles/img/car/font1.png" alt="">
                </div>
                <ul class="addcarBox">
                    <li class="">
                        <span class="impot">*</span>
                        <div class="symbolBox"><span class="symbol">车辆型号</span></div>
                        <input type="text" class="car_type liststyle">
                    </li>
                    <li class="">
                        <span class="impot">*</span>
                        <div class="symbolBox"><span class="symbol">车牌号</span></div>
                        <input type="text" class="liststyle car_num">
                    </li>
                    <li>
                        <div class="symbolBox marginlf"><span class="symbol">生产日期</span></div>
                        <!--<input type="text" class="liststyle mid" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">-->
                        <!--<span class="symbol">年</span>-->
                        <!--<input type="text" class="liststyle mid" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">-->
                        <!--<span class="symbol">月</span>-->
                        <!--<input type="text" class="liststyle mid" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">-->
                        <!--<span class="symbol">日</span>-->

                        <input type="text"  class="liststyle create_time" id="datestart">


                    </li>
                    <li>
                        <div class="symbolBox marginlf"><span class="symbol">终端号</span></div>
                        <input type="text" class="terminal_num liststyle">
                    </li>
                    <li>
                        <div class="symbolBox marginlf"><span class="symbol">服务价格</span></div>
                        <input type="text" class="rent_money liststyle" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">
                    </li>
                </ul>
                <div class="margTop">
                    <img src="styles/img/car/font2.png" alt="">
                </div>
                <div class="vipBig scrollbar-hover">
                    <!-- <div class="vipBox">
                        <div class="number">
                            <img src="img/car_number.png" alt="">
                        </div>
                        <span class="address add_name"></span><span>&nbsp;&nbsp;</span>
                        <span class="address add_phone"></span>&nbsp;&nbsp;</span>
                        <span class="address add_age"></span>&nbsp;&nbsp;</span>
                        <span class="address">￥<span class="address add_wage" style="font-size: 18px;"></span></span>&nbsp;&nbsp;</span>
                        <span class="address add_work"></span>
                    </div> -->
                </div>

                <ul class="moreadress">
                    <li>
                        <div class="halfBox">
                            <div class="symbolBox marginlf"><span class="symbol">姓名</span></div>
                            <input type="text" class="liststyle mif" id="add_name">
                        </div>
                        <div class="halfBox">
                            <div class="symbolBox marginlf"><span class="symbol">电话</span></div>
                            <input type="text" class="liststyle mif" id="add_phone" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " >
                        </div>

                    </li>
                    <li>
                        <div class="halfBox">
                            <div class="symbolBox marginlf"><span class="symbol">年龄</span></div>
                            <input type="text" class="liststyle mif" id="add_age" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">
                        </div>
                        <div class="halfBox">
                            <div class="symbolBox marginlf"><span class="symbol">工资</span></div>
                            <input type="text" class="liststyle mif" id="add_wage" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">
                        </div>
                    </li>
                    <li>
                        <div class="halfBox">
                            <div class="symbolBox marginlf"><span class="symbol">工作时间</span></div>
                            <input type="text" class="liststyle mif" id="add_work">
                        </div>
                        <div class="halfBox">
                            <div class="symbolBox marginlf"><span class="symbol">司机照片</span></div>
                            <div class="driver_pic">
                                <div class="driver_border driver_add_row">
                                    <img src="styles/img/car/car_add.png" alt="" class="driver_border repair_bot">
                                    <input type="file" class="driver_border driver_add" onchange="repairLogo()">
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="bottomBox">
                    +添加新司机
                </div>
                <div class="zhan" style="width: 100%;height: 50px;position:relative;">
                    <img src="styles/img/car/font.png" class="add_font" alt="">
               </div>
           </div>

       </div>
   </div>
   <!-- 添加车辆结束 -->

    <!-- 添加维修记录开始 -->
    <div class="modal fade" id="Myrepair" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog repair_all" id="repair">
            <div class="repair_head">
                <img src="styles/img/car/car_repair.png" alt="">
                <img src="styles/img/car/addcar_close.png" alt="" data-dismiss="modal">
            </div>
            <ul class="repair_content">
                <li>
                    <span class="repair_bite">维修时间</span>
                    <input type="text" class="repaire_input" id="repair_date">
                </li>
                <li>
                    <span class="repair_bite">维修地点</span>
                    <input type="text" class="repaire_input">
                </li>
                <li>
                    <span class="repair_bite">维修费用</span>
                    <input type="text" class="repaire_input">
                </li>
                <li>
                    <span class="repair_bite">维修人员</span>
                    <input type="text" class="repaire_input">
                </li>
                <li>
                    <div class="repair_box">
                        <span class="repair_bite" style="float:left;">维修图片</span>
                        <div class="repaire_photo">
                            <!--<img src="styles/img/car/repar_photo.png" alt="" class="repair_select">-->
                            <form action="multipart/form-data" class="repaire_form">
                                    <img src="styles/img/car/repaire_add.png" alt="" >
                                <input type="file" name="file" class="repaire_addphoto form-control" onchange="upload()" accept="image/*">
                            </form>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="repair_foot">
                <img src="styles/img/car/repair_sure.png" alt="">
            </div>


        </div>
    </div>
    <!-- 添加维修记录结束 -->

    <!-- 图片查看开始 -->
    <div class="modal fade " id="repair_pic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div id="repair_picBOX">
            <span class="repair_btnL"></span>
            <div class="repair_Big">
                <img src="styles/img/car/repair_Big.png" alt="">
                <img src="styles/img/car/car_bottomCircle.png" alt="">
                <img src="styles/img/car/bar_car.png" alt="">
            </div>
            <span class="repair_btnR"></span>
        </div>
    </div>
    <!-- 图片查看结束 -->
</div>
<script src="js/BarCtrl.js"></script>
<script>

    $.selectDate("#datestart",{
        start:1994,
        end:2018,
        select:[2012,5,6],
        title:"  ",
    },function (data) {
        console.log(data)
        $("#datestart").val(data.year+"年"+data.month+"月"+data.day+"日")
    });

    $.selectDate("#add_work",{
        start:1994,
        end:2018,
        select:[2012,5,6],
        title:" ",
    },function (data) {
        $("#add_work").val(data.year+"."+data.month+"."+data.day    )
    });

    $.selectDate("#repair_date",{
        start:1994,
        end:2018,
        select:[2012,5,6],
        title:" ",
    },function (data) {
        $("#repair_date").val(data.year+"年"+data.month+"月"+data.day+"日")
    });
</script>